<template>
  <div class="mid-bar">
    <table class="mid-bar-table">
      <tr>
        <td class="table-fontup">
          <el-badge is-dot
                    class="item">钱包</el-badge>
        </td>
        <td class="table-fontup">红包</td>
        <td class="table-fontup">积分</td>
      </tr>
      <tr>
        <td class="table-fontdown">{{money.toFixed(2)}}</td>
        <td class="table-fontdown">{{envelope}}</td>
        <td class="table-fontdown">{{integral}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: 'midbar',
  data () {
    return {
      money: 0.00,
      envelope: 0,
      integral: 100
    }
  }
}
</script>

<style scoped>
.mid-bar-table {
  width: 100%;
  text-align: center;
}
.table-fontup {
  font-size: 0.9rem;
  color: #4682b4;
}
.table-fontdown {
  font-weight: bold;
  color: #778899;
}
</style>
